<template>
  <div ref="main" class="AD">

  </div>
</template>

<script>
// 引入 echarts 核心模块，核心模块提供了 echarts 使用必须要的接口。
import * as echarts from 'echarts/core';
// 引入提示框，标题，直角坐标系，数据集，内置数据转换器组件，组件后缀都为 Component
import { TitleComponent, LegendComponent } from 'echarts/components';
// 引入雷达图图表，图表后缀都为 Chart
import { RadarChart } from 'echarts/charts';
// 引入 Canvas 渲染器，注意引入 CanvasRenderer 或者 SVGRenderer 是必须的一步
import { CanvasRenderer } from 'echarts/renderers';
// 注册必须的组件
echarts.use([TitleComponent, LegendComponent, RadarChart, CanvasRenderer]);

export default {
mounted() {
  // 接下来的使用就跟之前一样，初始化图表，设置配置项
var myChart = echarts.init(this.$refs.main);
myChart.setOption( {
  title: {
    text: '没啥看'
  },
  legend: {
    data: ['我', '你']
  },
  radar: {
    // shape: 'circle',
    indicator: [
      { name: '超能力', max: 100 },
      { name: '666', max: 100 },
      { name: '嗯哼', max: 100 },
      { name: '嘻嘻嘻', max: 100 },
      { name: '好难呀', max: 100 },
      { name: '999', max: 100 }
    ]
  },
  series: [
    {
      name: '我 vs 你',
      type: 'radar',
      data: [
        {
          value: [40, 30, 200, 50, 50, 180],
          name: '我'
        },
        {
          value: [50, 100, 80, 26, 42, 100],
          name: '你'
        }
      ]
    }
  ]
});
}
}
</script>

<style>
.AD{
  width: 600px;
  height: 400px;
}
</style>